<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>概览</title>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>

	<link rel="stylesheet" href="../../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
	<link rel="stylesheet" href="../../static/css/base.min.css" th:href="@{/css/base.min.css}">
	<link rel="stylesheet" href="../../static/css/common/back.css" th:href="@{/css/common/back.css}">
	<link rel="stylesheet" href="../../static/css/back/index.css" th:href="@{/css/back/index.css}">

</head>
<body>

<div class="wrapper">
	<div class="page-header d-flex justify-content-between">
		<div>
			<h4 class="page-header-title">导航页面</h4>

			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="#">首页</a></li>
				<li class="breadcrumb-item"><a href="#">二级页面</a></li>
				<li class="breadcrumb-item active"><strong>当前页面</strong></li>
			</ol>
		</div>
		<div>
			扩展菜单
		</div>
	</div>

	<div class="page-content">

		<div class="row">
			<div class="col-6">
				<div class="card">
					<div class="card-block">
						当前登录前台用户： <span th:text="${onlineFrontUsers}">0</span>
						<br>
						当前登录后台用户： <span th:text="${onlineBackUsers}">0</span>
					</div>
				</div>
			</div>
			<div class="col-6">

			</div>
		</div>


		<div class="row">
			<div class="col-6">
				<div class="card">
					<div class="card-block">
						<a id="test-notify-success" href="javascript:">notify success</a>
						<a id="test-notify-info" href="javascript:">notify info</a>
						<a id="test-notify-warning" href="javascript:">notify warning</a>
						<a id="test-notify-danger" href="javascript:">notify danger</a>
						<hr>
						<a id="test-alert" href="javascript:">Alert</a>
					</div>
				</div>
			</div>
			<div class="col-6">
				<select name="" id="a"></select>
				<select name="" id="b"></select>
				<select name="" id="c"></select>
				<select name="" id="d"></select>
			</div>
		</div>

	</div>

</div>

<div th:replace="base/base::footer(~{::script})">
	<script type="text/javascript" src="../../static/js/base.min.js" th:src="@{/js/base.min.js}"></script>
	<script type="text/javascript" src="../../static/js/app.js" th:src="@{/js/app.js}"></script>

	<script>
		$(function () {
			$('.wrapper').slimScroll({
				height: '100%',
				alwaysVisible: true
			});

			$('#test-notify-success').click(function () {
				App.notifyCenter({message: 'test'}, {type: 'success'});
			});
			$('#test-notify-warning').click(function () {
				App.notifyCenter({message: 'test'}, {type: 'warning'});
			});
			$('#test-notify-info').click(function () {
				App.notifyCenter({message: 'test'}, {type: 'info'});
			});
			$('#test-notify-danger').click(function () {
				App.notifyCenter({message: 'test'}, {type: 'danger'});
			});
			$('#test-alert').click(function () {
				App.alert({type: "warning", title: 'test', text: '测试弹出', showCancelButton: true});
			});
		})
	</script>
</div>

</body>
</html>